<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			body{
				width: 100%;
				height: auto;
				/*background-image: url(img/login.png);*/
				background-color: cadetblue;
			}
			#box{
				width: 100%;
				height: auto;
				/*background-image: url(img/login.png);*/
			}
			#boxInner{
				width: 627px;
				height: 480px;
				background-color: lightslategray;
				position: absolute;
				top: 93px;
				/*top: 350px;*/
				left: 335px;
				/*left: 0px;*/
				border-radius: 8px;
			
			}
			#boxLeft{
				width: 33%;
				height: 480px;
				background: lightgray;
				float: left;
			}
			#boxRight{
				width: 67%;
				height: auto;
				/*background-color: yellow;*/
				float: left;
			}
			#imga{
				width:40px;
				height: 40px;
				border-radius: 5px;
				margin-top: 15px;
			}
			li{
				list-style-type: none;
				margin-top: 60px;
			}
			li p{
				font: "微软雅黑";
				font-size: 12px;
				color: darkgray;
			}
			#job1{
				width: 30%;
				float: left;
			}
			#job2{
				height: auto;
				width: 60%;
				float: left;
			}
			#communication1{
				width: 30%;
				float: left;
			}
			#communication2{
				float: left;
				width: 60%;
			}
			#choose1{
				float: left;
				width: 30%;
			}
			#choose2{
				float: left;
				width: 60%;
			}
			
			#binaryCode{
				margin-left: 70px;
				margin-top: 0px;
				height: 30px;
				width: 83%;
				/*background-color: red;*/
			}
			#formd{
				margin-left: 70px;
				margin-top: 0px;
				height: auto;
				width: 83%;
				/*background-color: lawngreen;*/
			}
			input{
				background-color: white;
				 height:40px;
				 border-color: gray; 
				 color:deepskyblue;
				 font-size: 14px;
				 
			}
			#info span{
				color: darkgray;
				font-size: 10px;
				margin-left: 30px;
				margin-top: 0px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div id="boxInner">
				<div id="boxLeft">
					<ul>
						<li>
							<div id="job1">
								<img id="imga" src="img/login.png" width="20px" height="20px" />
							</div>
							<div id="job2">
								<p style="font-size: 14px;font-family: '微软雅黑';color: black;">找工作</p>
								<p>我要跟老板谈</p>
							</div>
							
						</li>
						<li>
							<div id="communication1">
								<img id="imga" src="img/login.png" width="40px" height="40px" />
							</div>
							<div id="communication2">
								<p style="font-size: 14px;font-family: '微软雅黑';color: black;">沟通</p>
								<p>在线职位及时沟通</p>
							</div>
							
						</li>
						<li>
							<div id="choose1">
								<img id="imga" src="img/login.png" width="20px" height="20px" />
							</div>
							<div id="choose2">
								<p style="font-size: 14px;font-family: '微软雅黑';color: black;">任性选</p>
								<p>各大行业职位任你选</p>
							</div>
							
						</li>
					</ul>
				</div>
				<div id="boxRight">
					<div id="binaryCode"></div>
					<div id="formd">
						<form>
							<input type="button" value="密码" class="btn" style=" margin-top:15px;width: 140px;height:40px; font-size: 14px;"/>
							<input type="button" value="短信" class="btn" style=" margin-top:15px;width: 140px;height:40px;font-size: 14px;"/><br />
							<input type="tel" placeholder="手机号" class="btn" style=" margin-top:15px;width: 285px;font-size: 14px;"/><br />
							<input type="password" placeholder="密码" class="btn" style=" margin-top:15px;width: 285px;font-size: 14px;"/><br />
							<input type="button" value="点击按钮经行验证" class="btn" style=" margin-top:15px;width: 285px;font-size: 14px;"/><br />
							<input type="button" value="登录/注册" class="btn" style=" margin-top:15px;width: 285px;font-size: 14px;"/><br />
							<input type="button" value="微信登录" style=" margin-top:15px;margin-left:4px;width: 60px;height:40px; font-size: 10px;border:white 0px;"/>
							<input type="button" value="扫码登录" style=" margin-top:15px;margin-left: 45px;width: 60px;height:40px; font-size: 10px;border:white 0px;"/>
							<input type="button" value="免费注册" style=" margin-top:15px;margin-left: 45px;width: 60px;height:40px; font-size: 10px;border:white 0px;"/><br />
							<input type="checkbox" class="checkbox_true_full_focus" style="margin-top:5px;margin-left: 0px;"/><span style="font-size: 10px;color: darkgray;display: inline-flex;">同意BOSS直聘<a>《用户协议》</a><a>《个人信息保护政策》</a></span><br />
							
						</form>
						<div id="info">
							<span>客服电话400-065-5799 工作时间：9：30-18：30</span>
							<span>人力资源服务许可证|营业执照|朝阳区人力社局监督电话</span>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>
